<template>
  <div class="el-card is-never-shadow border-0">
    <!--v-if-->
    <div class="el-card__body" style="">
      <form class="el-form el-form--default">
        <h5 class="bg-gray-100 p-3 mb-5 rounded">基础设置</h5>
        <div class="el-form-item el-form-item--default"><label for="distribution_open" class="el-form-item__label"
            style="width: 160px;">分销启用</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-radio-group" role="radiogroup"><label
                  class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                  aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="1"></span><span class="el-radio__label">是</span></label><label
                  class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                  aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="0"></span><span class="el-radio__label">否</span></label></div><small
                class="text-gray-500 flex mt-3" style="line-height: 1;">关闭分销功能后不会再产生新的分销佣金，商城端分销入口会关闭。</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <div class="el-form-item el-form-item--default"><label for="spread_banners" class="el-form-item__label"
            style="width: 160px;">分销海报图</label>
          <div class="el-form-item__content">
            <div>
              <div class="flex flex-wrap">
                <div class="relative mx-1 mb-2" style="width: 100px; height: 100px;"><i
                    class="el-icon absolute text-shadow-lg pointer bg-white rounded-full opacity-80 z-10"
                    style="right: 5px; top: 5px;"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024"
                      xmlns="http://www.w3.org/2000/svg">
                      <path fill="currentColor"
                        d="M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z">
                      </path>
                      <path fill="currentColor"
                        d="M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z">
                      </path>
                    </svg></i>
                  <div class="el-image border rounded border rounded"
                    style="min-width: 100px; height: 100px; max-width: 100%;"><img
                      src="http://tangzhe123-com.oss-cn-shenzhen.aliyuncs.com/public/62710076cd93e.png"
                      class="el-image__inner el-image__preview" style="object-fit: cover;">
                    <!--v-if-->
                  </div>
                </div>
              </div>
            </div>
            <div
              class="rounded flex items-center justify-center border cursor-pointer mx-1 mb-2 border-dashed hover:bg-gray-100"
              style="width: 100px; height: 100px; transition: all 0.3s ease 0s;"><i class="el-icon text-gray-400"
                style="font-size: 25px;"><svg class="icon" width="200" height="200" viewBox="0 0 1024 1024"
                  xmlns="http://www.w3.org/2000/svg">
                  <path fill="currentColor"
                    d="M480 480V128a32 32 0 0164 0v352h352a32 32 0 110 64H544v352a32 32 0 11-64 0V544H128a32 32 0 010-64h352z">
                  </path>
                </svg></i></div>
            <div class="el-overlay" style="z-index: 2105; display: none;">
              <div class="el-overlay-dialog">
                <!--v-if-->
              </div>
            </div>
            <!--v-if-->
          </div>
        </div>
        <h5 class="bg-gray-100 p-3 my-5 rounded">返佣设置</h5>
        <div class="el-form-item el-form-item--default"><label for="store_first_rebate" class="el-form-item__label"
            style="width: 160px;">一级返佣比例</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-input el-input--default el-input-group el-input-group--append" style="width: 60%;">
                <!-- input -->
                <!-- prepend slot -->
                <!--v-if-->
                <div class="el-input__wrapper">
                  <!-- prefix slot -->
                  <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="0-100">
                  <!-- suffix slot -->
                  <!--v-if-->
                </div><!-- append slot -->
                <div class="el-input-group__append">%</div>
              </div><small class="text-gray-500 flex mt-3" style="line-height: 1;">订单交易成功后给上级返佣的比例0 - 100,例:5 =
                反订单金额的5%</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <div class="el-form-item el-form-item--default"><label for="store_second_rebate" class="el-form-item__label"
            style="width: 160px;">二级返佣比例</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-input el-input--default el-input-group el-input-group--append" style="width: 60%;">
                <!-- input -->
                <!-- prepend slot -->
                <!--v-if-->
                <div class="el-input__wrapper">
                  <!-- prefix slot -->
                  <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="0-100">
                  <!-- suffix slot -->
                  <!--v-if-->
                </div><!-- append slot -->
                <div class="el-input-group__append">%</div>
              </div><small class="text-gray-500 flex mt-3" style="line-height: 1;">订单交易成功后给上级返佣的比例0 - 100,例:5 =
                反订单金额的5%</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <div class="el-form-item el-form-item--default"><label for="is_self_brokerage" class="el-form-item__label"
            style="width: 160px;">自购返佣</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-radio-group" role="radiogroup"><label
                  class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                  aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="1"></span><span class="el-radio__label">是</span></label><label
                  class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                  aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="0"></span><span class="el-radio__label">否</span></label></div><small
                class="text-gray-500 flex mt-3" style="line-height: 1;">是否开启自购返佣（开启：分销员自己购买商品，享受一级返佣，上级享受二级返佣；
                关闭：分销员自己购买商品没有返佣）</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <h5 class="bg-gray-100 p-3 my-5 rounded">结算设置</h5>
        <div class="el-form-item el-form-item--default"><label for="settlement_days" class="el-form-item__label"
            style="width: 160px;">结算时间</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-input el-input--default el-input-group el-input-group--append el-input-group--prepend"
                style="width: 250px;">
                <!-- input -->
                <!-- prepend slot -->
                <div class="el-input-group__prepend">订单完成后</div>
                <div class="el-input__wrapper">
                  <!-- prefix slot -->
                  <!--v-if--><input class="el-input__inner" type="number" autocomplete="off"><!-- suffix slot -->
                  <!--v-if-->
                </div><!-- append slot -->
                <div class="el-input-group__append">天</div>
              </div><small class="text-gray-500 flex mt-3" style="line-height: 1;">预估佣金结算后无法进行回收，请谨慎设置结算天数</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <div class="el-form-item el-form-item--default"><label for="brokerage_method" class="el-form-item__label"
            style="width: 160px;">佣金到账方式</label>
          <div class="el-form-item__content">
            <div>
              <div class="el-radio-group" role="radiogroup"><label
                  class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                  aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="1"></span><span class="el-radio__label">手动转账</span></label><label
                  class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                  aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                      class="el-radio__inner"></span><input class="el-radio__original" type="radio" aria-hidden="true"
                      name="" tabindex="-1" value="0"></span><span class="el-radio__label">自动到微信零钱</span></label></div>
              <small class="text-gray-500 flex mt-3"
                style="line-height: 1;">佣金到账方式支持线下转账和微信零钱自动转账，手动转账更安全，自动转账更方便</small>
            </div>
            <!--v-if-->
          </div>
        </div>
        <div class="el-form-item el-form-item--default">
          <!--v-if-->
          <div class="el-form-item__content" style="margin-left: 160px;"><button
              class="el-button el-button--primary el-button--small" type="button">
              <!--v-if--><span class="">保存</span>
            </button>
            <!--v-if-->
          </div>
        </div>
      </form>
    </div>
  </div>
</template>

<script setup>

</script>
